<?php
 		echo $this->Html->css('bootstrap-datetimepicker.min');
		echo $this->Html->script('bootstrap-datetimepicker.min'); 
?>	
	<script type="text/javascript">
	  $(function() {
	  	$(document).ready(function(){
		$("#guardar").click(function(){
				$("#otro").val("1");
				$("#f1").submit();
			});	 
		$("#ambiente" ).change(function() {
			$("#otro").val("2");
			$("#f1").submit();
		  // Check input( $( this ).val() ) for validity here
		}); 
		
		});
	  });
	</script>	
	
<?php

$tema = "";
$fecha ="";
$horainicio ="";
$horafin ="";
$nombre ="";
$apellidos ="";
$dni ="";
$unidad ="";
if(isset($dataExposicion)&&isset($dataPonente))
{
$tema = $dataExposicion['tema'];
$fecha =$dataExposicion['fecha'];
$horainicio =$dataExposicion['horaini'];
$horafin =$dataExposicion['horafin'];
$nombre =$dataPonente['nombre'];
$apellidos =$dataPonente['apellido'];
$dni =$dataPonente['dni'];
$unidad ="";	
}
 ?>
<form action="../Eventos/exposicion" method="post" name="f1" id="f1" class="form-horizontal" >
	<div class="panel panel-primary" style="width:60%; margin:40px auto;">
		<div class="panel-heading">
    		<h3 class="panel-title" style="text-align:center;font-weight:bold;">EXPOSICION DEL EVENTO <?php echo $evento['Evento']['tema']; ?></h3>
		</div>
		<div class="panel-body">
	  		<div class="form-group">
	    		<label style="text-align:right;" for="inputTem" class="col-lg-2 control-label">Tema</label>
	    		<div class="col-lg-10">
	      			<input name="data[Exposicion][tema]" type="text" class="form-control" id="inputTem" placeholder="Tema" value="<?php echo $tema ?>" >
	      			<input name="data[Exposicion][eventos_id]" type="hidden" class="form-control" value="<?php echo $evento["Evento"]["id"]; ?>" >
	      			<input type="hidden" name="data[Exposicion][otro]" id="otro" class="form-control" value="0" >
	      			<input type="hidden" name="data[Exposicion][ambientes_id]" id="ambientes_id" class="form-control" value="<?php echo $ambiente_seleccionado['id']; ?>" >
	    		</div>
	  		</div>
	  		<div class="form-group">
				<label style="text-align:right;" for="datetimepicker1" class="col-lg-2 control-label">Fecha</label>
				<div id="datetimepicker1" class="col-lg-10 input-group">
					<input data-format="yyyy-MM-dd" type="text" class="form-control" name="data[Exposicion][fecha]"  placeholder="Fecha de Exposicion" value="<?php echo $fecha ?>"></input>
					<span class="input-group-addon" style="cursor:pointer;">
						<span data-date-icon="icon-calendar" class="glyphicon glyphicon-calendar"></span>
					</span>
				</div>
			</div>
			<div class="form-group">
				<label style="text-align:right;" for="datetimepicker2" class="col-lg-2 control-label">Hora de Inicio</label>
	  			<div id="datetimepicker2" class="col-lg-10 input-group">
					<input data-format="HH:mm:ss" type="text" class="form-control" name="data[Exposicion][horaini]" placeholder="Hora de Inicio" value="<?php echo $horainicio ?>"></input>
					<span class="input-group-addon" style="cursor:pointer;">
		  				<span data-date-icon="icon-calendar" class="glyphicon glyphicon-time"></span>
					</span>
	  			</div>
  			</div>
  			<div class="form-group">
				<label style="text-align:right;" for="datetimepicker3" class="col-lg-2 control-label">Hora de Fin</label>
		  		<div id="datetimepicker3" class="col-lg-10 input-group">
					<input data-format="HH:mm:ss" type="text" class="form-control" name="data[Exposicion][horafin]" placeholder="Hora de Fin" value="<?php echo $horafin ?>"></input>
					<span class="input-group-addon" style="cursor:pointer;">
						<span data-date-icon="icon-calendar" class="glyphicon glyphicon-time"></span>
					</span>
		  		</div>
			</div>
	<script type="text/javascript">
	  $(function() {
		$('#datetimepicker1').datetimepicker({
		  pickTime: false
		});
		$('#datetimepicker2').datetimepicker({
		  pickDate: false,
		  pickSeconds: false
		});
		$('#datetimepicker3').datetimepicker({
		  pickDate: false,
		  pickSeconds: false,
		  pick12HourFormat: true
		});
	  });
	</script>	
	
	<div class="panel panel-info">
	  <div class="panel-heading">
	    <h3 class="panel-title">Informacion del Ponente</h3>
	  </div>
	  <div class="panel-body">
		
		  		<div class="form-group">
		    		<label style="text-align:right;" for="input4" class="col-lg-2 control-label">Nombre</label>
		    		<div class="col-lg-10">
		      			<input name="data[Ponente][nombre]" type="text" class="form-control" id="input6" placeholder="Nombre" value="<?php echo $nombre ?>">
		    		</div>
		  		</div>	
		  		<div class="form-group">
		    		<label style="text-align:right;" for="input4" class="col-lg-2 control-label">Apellidos</label>
		    		<div class="col-lg-10">
		      			<input name="data[Ponente][apellido]" type="text" class="form-control" id="input6" placeholder="Apellidos" value="<?php echo $apellidos ?>" >
		    		</div>
		  		</div>	
		  		<div class="form-group">
		    		<label style="text-align:right;" for="input4" class="col-lg-2 control-label">DNI</label>
		    		<div class="col-lg-10">
		      			<input name="data[Ponente][dni]" type="text" class="form-control" id="input6" placeholder="DNI" value="<?php echo $dni ?>">
		    		</div>
		  		</div>	
	  </div>

	 </div>
	<div class="panel panel-info">
	  <div class="panel-heading">
	    <h3 class="panel-title">Informacion del Ambiente</h3>
	  </div>
	  <div class="panel-body">	 
			  		<label style="text-align:right;padding-right:0;" for="input5" class="col-lg-2 control-label">Unidad</label>
						<div class="col-lg-10">
					  	<select class="form-control" name="data[Exposicion][ambiente]" id="ambiente">
					  	<option value="0">Seleccione Ambiente Para verificar Disponibilidad</option>	
					  	<?php
					  	foreach($ambientes as $a){
					  	?>
					  	  
						  <option value=<?php echo "'".$a['Ambiente']['id']."'"; ?>><?php echo $a['Ambiente']['descripcion']; ?></option>
					  	<?php 
						}
					  	?>
						</select>
						</div>	
					</br>
						<?php
						if(isset($libre))
						{
						?>						
						<div class="col-lg-10">
						  <div class="alert alert-info" >
						  <?php
						  if($libre==0){
						  ?>
						  <div class="alert alert-danger" >El ambiente no se encuentra Disponible</div>
						  
						  <?php
						  }
						 elseif($libre==1)
						 {
						  ?>
						  <div class="alert alert-success" >El ambiente se encuentra Disponible</div>
						 <?php
						 }
						  ?>
						  
						  <b>
						  <div class="col-md-4">TIPO</div>
						  <div class="col-md-4">DESCRIPCION</div>
						  <div class="col-md-4">CAPACIDAD</div>
						  </b>
						  
						  <div class="col-md-4"><?php echo $ambiente_seleccionado['tipo']; ?></div>
						  <div class="col-md-4"><?php echo $ambiente_seleccionado['descripcion']; ?></div>
						  <div class="col-md-4"><?php echo $ambiente_seleccionado['capacidad']; ?></div>
	
						  </br>
						  </br>
						  </div>
						</div>
						<?php
						}
						?>
	 					 </div>

	 </div>						
						
	  		<input style="float: right;margin-left: 15px;" type="submit" class="btn btn-info" value="Guardar y Terminar"/>
	  		<button style="float: right;" type="button" id="guardar" class="btn btn-default">Guardar y Crear otro</button>
  		</div>
	</div>
</form>
